$(function () {

    let form = layui.form;
    let layer = layui.layer;


    // 表单校验
    form.verify({
        nickname: function (value) {
            if (value > 6) {
                return '昵称长度必须在 1 ~ 6 个字符之间！';
            }
        }
    })

    // 调用初始化用户信息函数
    loadUserInfo();

    // 初始化用户基本信息函数
    function loadUserInfo() {

        // 从服务器获取数据
        $.ajax({
            url: '/my/userinfo',
            type: 'get',
            success: function (res) {
                if (res.status !== 0) {
                    return layer.msg('获取用户基本信息失败！');
                }
                // 获取数据成功，将数据渲染到页面上
                // 调用 form.val() 快速为表单赋值
                form.val('formUserInfo', res.data);
            }
        })
    }


    // 实现表单重置功能
    $('#btnReset').on('click', function (e) {

        // 阻止表单默认提交
        e.preventDefault();

        // 调用初始化用户信息函数，重新渲染页面
        loadUserInfo();
    })


    // 实现修改内容提交功能

    // 监听表单提交事件
    $('.layui-form').on('submit', function (e) {
        alert(1)
        // 阻止表单默认提交
        e.preventDefault();


        // 获取表单内容
        // let obj = serializeObject($(this));

        // console.log(obj);


        // 获取的数据提交至服务器
        $.ajax({
            type: 'post',
            url: '/my/updatepwd',
            data: $(this).serialize(),
            success: function (res) {
                if (res.status != 0) {
                    return layer.msg('更新用户信息失败！');
                }
                console.log(res);
                layer.msg('更新用户信息成功！')

                // 调用父页面中渲染头像和用户姓名函数
                window.parent.loadAvatar();
            }
        })


    })


    // 构建将表单数据转化为对象函数
    function serializeObject(arr) {
        let obj = {};
        let data = arr.serializeArray();

        // 遍历data将数据添加进空对象
        $.each(data, function (index, value) {
            obj[value.name] = value.value;
        })
        return obj;
    }


















})